<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="keywords"
          content="html5,jquery,ui,widgets,ajax,ria,web framework,web development,easy,easyui,datagrid,treegrid,tree">
    <meta name="description" content="Theme Builder is focused on design and development of your own themes.">
    <title>M-LOG</title>
    <link rel="stylesheet" href="${base}/script/easy-ui/themes/metro/easyui.css">
    <script type="text/javascript" src="${base}/res/lib/jquery.js"></script>
    <script type="text/javascript" src="${base}/script/easy-ui/jquery.easyui.min.js"></script>
    <style type="text/css">
        * {
            font-size: 14px;
        }

        html, body {
            margin: 0;
            padding: 0;
        }

        body {
            font-family: verdana, helvetica, arial, sans-serif;
            background: #fff;
            text-align: center;
        }

        h3 {
            font-size: 20px;
            font-weight: bold;
            margin: 12px 0;
        }

        h4 {
            font-size: 16px;
            font-weight: bold;
            color: #CC0000;
            margin: 10px 0;
        }

        h5 {
            font-size: 14px;
            font-weight: bold;
            color: #990000;
            margin: 5px 0;
        }

        textarea.html, textarea.js {
            width: 100%;
            height: 80px;
            overflow: hidden;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -o-box-sizing: border-box;
            box-sizing: border-box;
        }

        #header {
            text-align: center;
            background: #666;
            direction: ltr;
        }

        #topmenu {
            text-align: right;
        }

        #topmenu a {
            display: inline-block;
            padding: 1px 3px;
            text-decoration: none;
            color: #fff;
        }

        #topmenu a:hover {
            text-decoration: underline;
        }

        a.download-link {
            color: #0000ff;
        }
    </style>
    <script>
        $(function () {
            $(window).resize(function () {
                $('#main-layout').layout('resize');
            });
        });
    </script>
</head>
<body id="main-layout" class="easyui-layout" style="height:500px">
<div region="north" border="false" id="header" style="overflow: visible;">
    <table cellpadding="0" cellspacing="0" style="width:100%;">
        <tr>
            <td rowspan="2" style="width:20px;">
            </td>
            <td style="height:52px;">
                <div style="color:#fff;font-size:22px;font-weight:bold;">
                    <a href="javascript:void(0);"
                       style="color:#fff;font-size:22px;font-weight:bold;text-decoration:none">M-LOG</a>
                </div>
                <div style="color:#fff">
                    <a href="javascript:void(0);" style="color:#fff;text-decoration:none">轻.快</a>
                </div>
            </td>
            <td style="padding-right:5px;text-align:right;vertical-align:bottom;">
                <div id="topmenu">
                    <a href="javascript:void(0);">Home</a>
                    <a href="javascript:void(0);">Demo</a>
                    <a href="javascript:void(0);">Tutorial</a>
                    <a href="javascript:void(0);">Documentation</a>
                    <a href="javascript:void(0);">Download</a>
                    <a href="javascript:void(0);">Extension</a>
                    <a href="javascript:void(0);">Contact</a>
                    <a href="javascript:void(0);">Forum</a>
                </div>
            </td>
        </tr>
    </table>
</div>

<div region="west" title="导航" split="true" style="width:300px">
<@m.widget path="/admin/nav/leftMenu"/>
</div>
<div region="center">
    <div id="main-tabs" class="easyui-tabs" border="false" fit="true"></div>
</div>
<div region="south" border="false" style="text-align:center;height:30px;">
    <div>Copyright © 2010-2014 www.mspring.org</div>
</div>
</body>
</html>